@charset "UTF-8";
/**CSS Reset**/
body, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure,  nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, input, button, textarea, select, iframe, img, a { padding: 0; margin: 0;  }
header, footer, section, article, aside, details, figcaption, figure, nav, menu { display: block; }

a {text-decoration:none; outline:none;color:#282828}
a:visited {}
a:hover, a:active, a:focus {text-decoration:none; }
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
.fl{ float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.dn{ display:none;}
.db{ display:block;}
.hidden{visibility:hidden;}
.list_lh li:before{
	content: "";
}
/* CSS 1,2 & 3 and HTML5 reset stylesheet */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* 重置所有元素的盒模型 */
textarea { resize: none; }

/*  HTML5 CSS */
article, aside, audio, footer, header, nav, section, video { display: block }
/* 对于老的浏览器，如Firefox 3.6，由于不知道HTML5元素而将它们渲染为 display: inline 。这里不用管 date, figure和HTML5表单的input*/
input{border:0;outline:none;/*去除蓝色边框*/}
input[type="search"]{-webkit-appearance:textfield;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0}
input {-webkit-appearance:none; /*去除input默认样式*/}
/* 去除Safari 或 Mobile Safari浏览器的HTML5搜索框和提交按钮的 OS X外观 */
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);border:0;outline:none;}

body {
    margin: 0 auto;
    min-width: 320px;
    max-width: 750px;
    background-color: #F5F5F5;
    font-family:"Microsoft YaHei","微软雅黑";
    font-size: 12px;
    width: 100%;
    position: relative;
}
*{
    margin: 0;
    padding:0;
}
/*字体颜色*/
.c999{
	color: #999;
}
/*轮播图样式*/


.announcement{
	background-color: #fff;
	height: 40px;
	padding: 0 10px;
	overflow: hidden;
}
.announcement ul{
	list-style: none;
	height: 40px;
	overflow: hidden;
}
.announcement ul li{
	height: 40px;
	line-height: 40px;
}
.screening {
	background-color: #fff;
	height: 40px;
	margin-top: 10px;
	border-bottom: 1px solid #F5F5F5;
	padding: 0 10px;
	overflow: hidden;
}
.screening input{
	color: #ff7a8f;
	border: none;
	line-height: 40px;
	background-color: #fff;
	font-size: 14px;
	float: left;
}
.screening p a{
	font-size: 14px;
	color: #ff7b92;
	line-height: 40px;
	float: left;
}
.screening a{
	font-size: 14px;
	color: #e1e1e1;
	display: inline-block;
	float: right;
	line-height: 40px;

}
.details{
	background-color: #fff;
	height: 40px;
	border-bottom: 1px solid #F5F5F5;
	padding: 0 10px;
	overflow: hidden;
}
.bone{
	display:inline-block;
	width:20%;
	background-color: #fff;
	border: 1px solid #fff;
	font-size: 14px;
	text-align: center; 
	margin: 0 0 0 0;
	color: #c1c1c1;
}
.btwo{
	display: inline-block;
	width: 20%;
	background-color: #fff;
	border: none;
	text-align: center;
	margin: 0 0 0 0;
	color:#c1c1c1;
	padding: 5px 0;
}
.bsan{
	border: none;
	width: 20%;
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	color:#7fd0f9;

}
.screening i.sxbtn{
	 font-size: 14px;
	float: left;
	 color:#f3706c;
	 margin-top: 14px;
	 margin-left: 5px;
 }
.top{
	font-size: 14px;
	line-height: 16px;
	margin: 10px 0 10px 10px;
}
.img-box{
	float: left;
	margin-right: .5rem;
}
.title-box{
	float: left;
	width: 13rem;
}
.title-box .xx{
	clear: both;
}
.title-box .xbicon{
	float: left;
	width: 18px;
	height: 23px;
	margin-right: 4px;
}
#zxlist li i{
	float: left;
	line-height: 40px;
	margin-right: 5px;
}
#zxlist li span{
	font-size: 14px;
	line-height: 42px;
	float: left;
}
.layui-icon a{
	color: #f3706c;
}
.sxbtn2{
	float: right;
	font-size: 14px;
	padding-top: 14px;
	padding-left: 5px;
	color: #f3706c;
}
.title-box .xbicon.nan{
	background-image: url("../cssimg/nanicon.png");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.title-box .xbicon.nv{
	background-image: url("../cssimg/nvicon.png");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: bottom;
}
.img-box img{
	border-radius: 100%;
	width: 3rem;
	height: 3rem;
}
.swiper-container img{
}
.swiper-slide {
	background-size: cover;
}
.figures-box{
	padding: 10px;
	background-color: #fff;
	margin-top: 10px;
	clear: both;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 0;
}
.figures-massage{
	overflow: hidden;
	padding-bottom: 10px;
}
.label {
	border-top: 1px solid rgba(242, 241, 241, 0.6);
	padding: 10px 0 10px;
	overflow: hidden;
}
.label span{
	color: #ff7a8f;
	border-radius: 5px;
	padding: 3px 10px;
	border: 1px solid #ff7a8f;
	float: left;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 5px;
}
.label p{
	float: right;
	color: #999;
}
h2{
	font-size: 18px;
	line-height: 30px;
}
.img-list{
	width: 16.8rem;
	overflow: hidden;
	margin: 0 auto;
}
.img-list .img{
	width: 5.1rem;
	height: 5.1rem;
	float: left;
	background-size: cover;
	margin: .25rem;
}
.introduce-box{
	padding: 10px 0;
}
.introduce-box p{

}
.title-box span{
	color: #999;
}
.title-box i{
	font-size:16px; color: #FE2C55;line-height: 30px;
	margin-right: 4px;
}
.title-box i.db{

}
.title-box h2{
	float: left;
	margin-right: 5px;
	font-size: 16px;
	max-width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.title-box img{
	width: 10px;
	float: left;
	padding-top: 3px;
	padding-left: 3px;
}
/*选男女弹框*/
.white_content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	background-color: white;
	border-radius: 5px;
	z-index: 1002;
	overflow: auto;
	height: 120px;
	margin-top: -60px;
	margin-left: -40%;
	padding: 10px;
}
.white_content_small {
	display: none;
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	height: 15%;
	background-color: white;
	border-radius: 5px;
	z-index:1002;
	overflow: auto;}
.white_content span img{
	width: 100%;
}
.screening span   {
	width: 25%;
	float: left;
	margin: 0 4%;
}
.screening span img{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	display: block;
}
.screening a{
	font-size: 14px;
	color: #e1e1e1;
	display: inline-block;
	float: right;
	line-height: 40px;
}
/*footer*/
.tab-nav{
	min-width: 320px;
    max-width: 480px;
	background: #fff;
	height: 50px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left:auto;
	z-index: 1000;
	padding: 8px 0 2px;
	box-shadow: 0 -2px 10px 2px rgba(213, 213, 213, 0.51);

}
.tab-nav li{
	float: left;
	width: 19.5%;
	text-align: center;
	font-weight: 100;
}
.tab-nav li span{
		color: #a1a1a1;
}
.tab-nav li i.icon{
	background: url(../cssimg/icon.png) center no-repeat;
	display: block;
	height:24px;
	width: 24px;margin: 0 auto;
	background-size: 22px;
}
.tab-nav li i.icon1{
	background: url(../cssimg/icon1.png) center no-repeat;
	display: block;
	height:24px;
	width: 24px;margin: 0 auto;background-size: 22px;
}
.tab-nav li i.icon-xx{
	background: url(../cssimg/xx.png) center no-repeat;
	display: block;
	height:24px;
	width: 24px;margin: 0 auto;background-size: 22px;
}
.tab-nav li i.icon-xxhover{
	background: url(../cssimg/xxhover.png) center no-repeat;
	display: block;
	height:24px;
	width: 24px;margin: 0 auto;background-size: 22px;
}
.tab-nav li.icon-box i{
	margin: 0 auto;
}
.tab-nav li span.active{
	color: #FF536A;
}
.tab-nav li i.icon2{
	background: url(../cssimg/dsp.png) center no-repeat;
	display: block;
	height:24px;
	width:24px;margin: 0 auto;
	background-size: 22px;
}
.tab-nav li i.icondsp{
	background: url(../cssimg/dsph.png) center no-repeat;
	display: block;
	height:24px;
	width:24px;margin: 0 auto;background-size: 22px;
}
.weui-mask, .weui-mask_transparent {
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
#wrap{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.weui-toast {
	position: fixed;
	z-index: 5000;
	width: 6rem;
	min-height: 6rem;
	top: 180px;
	left: 50%;
	margin-left: -3rem;
	background: rgba(40,40,40,.75);
	text-align: center;
	border-radius: 5px;
	color: #fff;
}
.weui-loading {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: e 1s steps(12) infinite;
	animation: e 1s steps(12) infinite;
	background: transparent url() no-repeat;
	background-size: 100%;
}
@keyframes e{
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}
.weui-icon_toast.weui-loading {
	margin: 30px 0 0;
	width: 38px;
	height: 38px;
	vertical-align: baseline;
}
.weui-toast__content {
	margin: 0 0 15px;
}
.weui-uploader__file {

	float: left;
	background: no-repeat 50%;
	background-size: cover;
	margin: 0;
}
.weui-cell {
	padding: 10px 10px 0 10px;
	border-bottom:10px solid #f6f6f6;
}
.weui-cells {
	margin-top: 0;
	border-top:10px solid #f6f6f6;
	background-color: #fff;
	font-size: 14px;
	overflow: hidden;
}
.tab-nav li i.iconhd{
	background: url(../cssimg/hd.png) center no-repeat;
	display: block;
	height:24px;
	width:24px;margin: 0 auto;background-size: 22px;
}
.tab-nav li i.iconhdhover{
	background: url(../cssimg/hdhover.png) center no-repeat;
	display: block;
	height:24px;
	width:24px;margin: 0 auto;background-size: 22px;
}
.tab-nav li i.iconmy{
	background: url(../cssimg/my.png) center no-repeat;
	display: block;
	height:24px;
	width:24px;margin: 0 auto;background-size: 22px;
}
.tab-nav li i.iconmyhover{
	background: url(../cssimg/myhover.png) center no-repeat;
	display: block;
	height:24px;
	width:24px;margin: 0 auto;background-size: 22px;
}
.single-circle{
	padding: 15px;
	height: 100px;
	background-color: #fff;
	margin-bottom: 5px;
	position: relative;
}
.single-circle-title{
	height: 50px;
	padding: 0 5%;
}
.single-circle-title p{
	font-size: 18px;
	color: #000000;
	line-height: 50px;
}
.single-circle-imgbox{
	float: left;
	width: 65px;
	height:65px;
}
.single-circle-imgbox img{
	border-radius: 10px;
	width: 100%;
	height: 100%;
}
.single-circle-box{
	margin-left: 75px;
	
}
.single-circle-box h3{
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	font-weight: 500;
}
.single-circle-box span.div3{
	font-size: 12px;
	background-color: #f46662;
	color: #fff;
	text-align: center;
	border-radius: 2px;
 	padding: 5px 10px;
	border: none;
	cursor: pointer;
}
.single-circle-box span.div3.ygz{
	background-color: #b8b8b8;
}
.toxi-box{

}
.toxi-box ul{
	overflow: hidden;
	padding: 5px 0 0;
	margin-bottom: 5px;
	height: 24px;
}
.toxi-box ul li {
	float: left;
	margin-right: 2px;
}
.toxi-box ul li img{
	width: 23px;
	border-radius: 50px;	

}
.toxi-box p{
		color: #cccccc;
		font-size: 12px;
}
.anniu-box{
position: absolute;
	right: 15px;
	top: 42px;
}
/*我的样式*/
.mymeaasge{
	background-image:url(../cssimg/bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	height: 160px;
	padding: 20px 5% 0;
	position: relative;
	clear: both;
}
.mypic{

}
.mypic img{
	width: 60px;
	border-radius:500px;
	float: left;
	height: 60px;
	margin-top: 10px;
	overflow: hidden;
}
.mymame{
	margin-left: 60px;
	color: #ffffff;
	padding: 15px 10px 10px 10px;
	width:80%;


}
.mymame h4{
	font-size: 16px;
	font-weight: 500
}
.mymame p{
	font-size: 12px;
	font-weight: 300;
	padding-top:5px;
	height: 38px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.rightmymeaasge{
	color: #fff;
	font-size: 14px;
	position: absolute;
	top:10%;
	right: 5%;
}
.mypic a{
	width: 80px;
	border-radius:500px;
	float: left;
}
.friendmasagesbox{
	width: 80%;
	padding: 10px;
	background-color: #fff;
	height:60px;
	position: absolute;
	left: 50%;
	margin-left: -40%;
	top: 18%;
	-moz-box-shadow:1px 2px 11px #dfdfdf;
	-webkit-box-shadow:1px 2px 11px #dfdfdf;
	box-shadow:1px 2px 11px #dfdfdf;
	border-radius: 5px;
	z-index: 999;
}
.friendmasagesbox ul li img{
	width: 22px;
	display: block;
	margin: 0 auto;
}
.toxi-box p span{
	width: 33%;
	display: inline-block;
}
.friendmasagesbox ul li{
	float: left;
	width:25%;
	text-align: center;
}
.friendmasagesbox ul li div{
		font-size: 12px;
		color: #333;
		letter-spacing: -0.65px;
		padding-top:5px;
}
.myselfinformation{
	padding:0 5% 60px 5%;
}
.myselfinformation a{
		height: 50px;
		line-height: 51px;
		display:block;
}
.myselfinformation span{
	font-size: 14px;
	color: #333;
	letter-spacing: -0.65px;
}
.myselfinformation img{
	width: 25px;
	padding-bottom: 12.5px;
	margin-right: 10px;
}
.hr{
	height: 1px;
	width: 100%;
	background-color: rgba(202,202,202,0.5);
	transform: scaleY(0.5);
}
/*活动样式*/
.activitynav-top{
    height: 50px;
    background: #FFF;
    line-height: 50px;
}
.activitynav-top ul li{
	float: left;
	width: 49.8%;
	text-align: center;
	font-size: 16px;
}
.activitynav{
	background: #FFF;
	margin-bottom: 5px;
}
.pr{
	position: relative;
}
.activitynav ul li{
	float: left;
	width: 49.8%;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
}
.activitynav-gc{
	height: 50px;
	background: #FFF;
	line-height: 50px;

}
.activitynav-gc ul li{
	float: left;
	width:40%;
	text-align: center;
	font-size: 14px;
	border-right:1px solid #dedede;
}
.activitynav-gc ul li:nth-child(3){
	float: left;
	width: 18%;
	text-align: center;
	font-size: 14px;
	border: none;
}
.activitynav-gc ul li:nth-child(3) img{
	padding-bottom: 16.5px;
	width: 18px;
}
.activitynav-active a{
	border-bottom: 2px solid #f36662;
	color: #f36662;
	display: inline-block;
	line-height:46px;
}
.m-market-activity {
    padding: 0 0 5px;
	background-color: #fff;
	margin: 5px auto;
	width: 95%;
}
::-webkit-scrollbar {/*隐藏滚轮*/
	display: none;
}
.progress{
    position: absolute;
    left: -4px;
    top:15px;
    width: 55px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #FFF;
    letter-spacing: 0;
    background: rgba(0,0,0,0.5);
    text-align: center;
	z-index: 99;
}
.progress.in{
	background: rgba(255,44,85,0.5);
}
.info {
    margin-top: 10px;
}
.info .title {
    font-size: 17px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
}
.info .date {
    color: rgba(0,0,0,0.4);
    letter-spacing: 0;
    text-align: center;
}
.content{
	position: relative;
	top:6px;
}
.content img{
	width: 100%;
}
.activitytoux-box{
	border-radius: 60px;
	width: 60px;
	height: 60px;
	border: 5px solid #fff;
	position: absolute;
	left: 50%;
	margin-left:-30px;
	bottom: -30px;
}
.activitytoux-box img{
	width: 100%;
	height: 100%;
	border-radius: 100px;
}
.activityrqf{
	margin: 0 auto;
 	width: 85%;
	overflow: hidden;
}
.activityrqf div{
	float: left;
	font-size: 14px;
	color: rgba(0,0,0,0.4);
	letter-spacing: 0;
	text-align: center;
	padding-left: 20px;
}
.t-activitymame {
	width: 90%;
	margin: 0 auto;
	height: 40px;
	margin-top: 15px;
	position: relative;

}
.t-activitymame .line-x{
	height: 1px;
	background: rgba(225, 225, 225, 0.4);
	width:100%;
	position: absolute;
	top:26px;
}
.t-activitymame div:nth-child(2){
	font-size: 16px;
	color: #333;
	letter-spacing: 0;
	text-align: center;
	width: 46%;
	margin-top: 15px;
	height: 20px;
	padding: 0;
	position: absolute;
	left: 50%;
	margin-left: -23%;
	background-color: #fff;
}
.btn-fb{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #f36662;
	text-align: center;
	box-shadow:1px 1px 5px #f36662;
	position: fixed;
	z-index: 980;
	right: 5%;
	bottom: 70px;

}
.btn-fb a{
	color: #fff;
	font-size: 16px;
	line-height: 50px;
}
/*消息的样式*/
.m-user-messageCenter .item {
    margin-bottom: 1px;
    position: relative;
    padding-right: 0;
    padding-left: 0;
}
.system-messages {
    margin-bottom: 1px;
    position: relative;
	overflow: hidden;
}
.m-user-messageCenter {
    background-color: #fff;
    padding:10px 15px 15px 15px;;
	margin-top: 5px;

}
.activitynav ul{
	overflow: hidden;
}
.system-messages img{
    width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
	margin-top: 10px;
}
.basicInfo {
    width: 60%;
	padding-top: 10px;
	float: left;
	padding-left: 10px;
}
.basicInfo span {
    display: block;
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #1e98f2;
}
.basicInfo .line1 {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #cccccc;
    line-height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 5px;
}
.system-messages .btnbox{
	float: right;
}
.system-messages a{
	padding: 4px 10px;
	display: block;
	background-color: #1e98f2;
	color: #fff;
	margin-top: 5px;
}
.basicInfo i{
	float: right;
	color: #cccccc;
	font-style: normal;
}
.system-messages-shuzi{
	width: 18px;
	height: 18px;
	background-color: #f36662;
	border-radius: 500px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 5px;
	left: 25px;

}
.m-divider, .divider {
    width: 100%;
    height: 10px;
    background-color: #f5f5f5 !important;
    display: block;
}
.messagext{
	background-color: #fff;
	padding: 25px 5%;
	border-bottom: 1px solid #f5f5f5;
}
.messagext img{
	display:block;
	margin: 0 auto;
	width:85px;
}
.messagext p{
	text-align: center;
	color: #cccccc;
	line-height: 30px;
}
.Anonymous {
	float: left;
    width: 78%;
	padding-top: 10px;
	padding-left: 10px;
}
.Anonymous span{
	display: block;
    width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #ff6c9a;
}
.Anonymous .line1 {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #cccccc;
    line-height: 18px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding-top: 5px;
}
.Anonymous i{
	float: right;
	color: #cccccc;
	font-style: normal;
}
.Leave-message{
	margin-left: 50px;
	padding-top: 10px;
}
.Leave-message .line1 {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Leave-message .line-m{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Leave-message i{
	/*float: right;*/
	color: #cccccc;
	font-style: normal;
	margin-top: 5px;
	font-size: 12px;
}
.messagext-nobox{
	padding: 80px 5% 0;
}
.messagext-nobox img{
	width:200px;
	margin: 0 auto;
	display: block;
}
.messagext-nobox p{
	text-align: center;
	color: #d1d1d1;
	line-height: 60px;
	font-size: 14px;
}
/*开关样式*/
.switchbox{
	height: 420px;

}
.switchbox1{
	padding: 15px;
	background-color: #fff;
}
.switchbox1title{
	font-size: 14px;
	color: #333;
	position: absolute;
	margin-top: 5px;
}
.alert {
    font-size: 10px;
    color: #bebebe;
    letter-spacing: -0.5px;
    height: 45px;
    margin-left: 4%;
    line-height: 30px;
    margin-bottom: 0;
}

/* 发布信息*/

.activities{
	margin: 2% auto;
	padding: 0 2%;

}
.activities input{
	border: none;
	width: 100%;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	color: #d1d1d1;
	background: #fff;
}
.content{
	margin: 0 auto 3%;
	padding: 0 2%;
}
.content .imgbox{
	height: 10rem;
	background-size: cover;
	position: relative;
}
.content textarea{
	background-color: #fff;
	border: none;
	width: 100%;
	font-size: 14px;
	padding: 10px;
	/* text-align: center; */
	color: #d1d1d1;
	overflow: hidden;
	resize: none;
}
.Statistics{
	height: 50px;
	clear:both;
	margin: 2% auto;
	padding: 0 2%;
}
.white_content input.active{
	background-color: #ff6c9a;
	color: #fff;
	border: 1px solid #ff6c9a;
}
.Statistics input{
	border: none;
	display: inline-block;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #1d1d1d;
	font-size: 14px;
	width: 48%;
	margin: 0 1%;
}
.Estimate{
	margin-bottom: 2%;
	padding: 0 2%;
}
.Estimate input{
	width: 100%;
	background-color: #fff;
	border: none;
	font-size: 14px;
	line-height: 40px;
	color: #1d1d1d;
	text-align: center;
}
.payment{
	margin-bottom: 2%;
	padding: 0 2%;

}
.payment input{
	width: 100%;
	background-color: #fff;
	border: none;
	font-size: 14px;
	line-height: 40px;
	color: #1d1d1d;
	text-align: center;
}
.type{

	margin: 2% 2%;
	padding: 0 2%;
	background-color: #fff;
}
.type p{
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #d1d1d1;
}
.type input{
	border: 1px solid #d1d1d1;
	background-color: #fff;
	font-size: 14px;
	color: #d1d1d1;
	padding: 5px 15px;
	margin: 5px;
	/* margin-top: 3%; */
	/* margin-bottom: 3%; */
	border-radius: 3px;
}
.type input.active{
	background-color: rgb(243, 102, 98);
	border: 1px solid rgb(243, 102, 98);
	color: #fff;
}
.dibu{
	width: 100%;
	text-align: center;
	margin:10% 0;

}
.dibu input{
	width: 30%;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	background-color: #f36662;
	border: 1px solid #f36662;
	border-radius: 5px;
	color: #fff;
}
.pptv{
	/* height: 120px; */
	background-color: #fff;
	margin: 2%;
	/* position: relative; */
	overflow: hidden;
 }
 .ziti{
 	display: inline-block;
 	font-size: 14px;
 	color: #d1d1d1;
 	position: absolute;
 	top: 50%;
 	margin-top: -8px;
 	left: 50%;

 }
.popo{
	width: 100%;
	background-color: #fff;
	}
/*.popo{*/
     /*width: 80px;*/
     /*height: 80px;*/
     /*margin-left: 5%;*/
     /*margin-top: 20px;*/
     /*float: left;*/
     /*}*/
.addhao{
    width: 5.1rem;
     height: 5.1rem;
	background: url(../images/img/add.png) no-repeat center;
	float: left;
	background-size: 5rem;
	margin: .25rem;
 }
 .on{
     text-align: left;
     margin-right: 20px;
     margin-bottom: 20px;
     width: 80px;
     height: 80px;
     display: none;
     position: relative;
     overflow: hidden;
     line-height: 200px;
 }
 .xian{
     width: 80px;
     height: 80px;
     position: absolute;
     background-image: linear-gradient(
             0deg,
             rgba(0,0,0,0.7) 50%,
             transparent 50%
     );
     background-size: 120px 4px;
     display: none;
     z-index: 2;
 }
 .chahao{
     position: absolute;
     width: 60px;
     height: 60px;
     background: url(../img/ico_02.png);
     background-position: -171px -158px;
     top: 52.5px;
     left: 52.5px;
     display: none;
     z-index: 2;
 }
 .on img{
     width: 100%;
     height: auto;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin:auto;
 }
 .popo input{
      width: 80px;
      height: 80px;
      opacity: 0;
  }
/*反馈界面*/
.feedback{
	background-color: #fff;
	margin-bottom: 10px;
	padding: 20px;
	height:200px;
}
.img-list a {
	width: 20px;
	height: 20px;
	background: url(../cssimg/gb.png) no-repeat center;
	background-size: 20px;
	z-index: 99;
	right: -5px;
	top: -5px;}
.feedback textarea{
	width: 100%;
	height: 100%;
	border: none;
	font-size:14px;
	color: #3a3a3a;
}
.feedback span{
	float: right;
	color: #d8d8d8;
}
.didi{
	width: 100%;
	text-align: center;
	margin-top: 10%;
	cursor: pointer;
}
.didi input{
	font-size: 16px;
	text-align: center;
	background-color: #f3706c;
	border: 1px solid #f3706c;
	border-radius: 5px;
	color: #fff;
	padding: 8px 40px;
}
.popc{
	width: 100%;
	height: 100px;
	background-color: #fff;
}
.popc{
    display: inline-block;
    vertical-align: middle;
     text-align: left;
     width: 80px;
     height: 80px;
     float: left;
 }

     .popc input{
          width: 80px;
          height: 80px;
          opacity: 0;
      }
   .pptc{
         height: 80px;
         background-color: #fff;
         padding:15px 0 15px 15px;
         
     }
     .zii{
     	display: inline-block;
     	font-size: 16px;
     	color: #d6d6d6;
     	line-height: 80px;
     	padding-left: 20px;
         }

/* 介绍自己*/

.topbu{
	width: 100%;
	background-color: #fff;
	margin: 0 auto 1%;

}
.topbu p{
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}
.topbu input{
	border: none;
	width: 100%;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
}
.miaoshu{
	width: 100%;
	background-color: #fff;
	margin-bottom: 3%;
}
.miaoshu textarea{
	border: none;
	width: 100%;
	font-size: 16px;
	padding-top: 10%;
	text-align: center;
	color: #d1d1d1;
	overflow: hidden;
}
.zhongjian{
	width: 100%;
	margin-bottom: 1%;
	height: 50px;
	clear:both;
}
.zhongjian p{
	text-align: center;
	width: 100%;
	height: 50px;
	background-color: #fff;
	line-height: 50px;
	font-size: 16px;
}
.danxuan{
	background-color: #fff;
	margin: 2% 0;
	padding: 10px 5%;
}
.danxuan input{
	width: 10%;
	opacity: 0.1;

}
.danxuan label{
	font-size: 14px;
	color: #d1d1d1;
	width: 60px;
	display: inline-block;
}
.danxuanbox{
	display: block;
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #d1d1d1;
	padding: 5px 0;
}
.biaoge{
	width: 100%;
	background-color: #fff;

}
.biaoge td{
	width: 50%;
	color: #dedede;
	font-size: 16px;
	line-height: 45px;
	padding-left: 5%;
	padding-right: 5%;
}
.biaoge tr{
	border-bottom: 1px solid #dedede;
}
.biaoge td select{
	width: 100%;
	text-align: right;
	border: none;
	color: #d1d1d1;
	float: right;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.biaoge td input{
	border: none;
	width: 100%;
	color: #d1d1d1;
	float: right;
	text-align: right;
}
.pei{
	width: 100%;
	background-color: #fff;
	margin-top: 3%;
	margin-bottom: 2%;
	height: 50px;
}
.pei p{
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
}
.tijiaob{
	width: 100%;
	text-align: center;
	margin: 10% 0;

}
.tijiaob input{
	width: 25%;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	background-color: #f36662;
	border: 1px solid #f36662;
	border-radius: 5px;
	color: #fff;
	margin-right: 5%;
	margin-left: 5%;
}
/*留言*/
.lydiv{
	width: 100%;
	position: fixed;
	height: 100%;
	background: #fff;
	z-index: 999;
	left: 0;
	top: 0;

}
.lydiv h2{
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	position: relative;
}
.lydiv h2 .gb{
	width:26px;
	height: 26px;
	position: absolute;
	right: 5px;
	background: url(../cssimg/gb.png) no-repeat center;
	background-size: 26px;
	top: 5px;
}
.lydiv textarea{
	width: 90%;
	background-color: #fafafa;
	border: none;
	resize: none;
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
	height: 140px;
	margin: 0 auto;
	display: block;
	color: #1d1d1d;
}
.lydiv input{
	width: 70%;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	border: 1px solid #f36662;
	border-radius: 20px;
	background-color: #f36662;
	color: #fff;
	margin-top: 5%;
	margin-left: 15%;
}